body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

html,
body,
#root,
.main-container {
    height: 100%;
}

.content-container {
    height: calc(60% + 20px);
}

.content {
    position: fixed;
    height: 60%;
    width: 100%;
    top: 10px;
    left: 10px;
}

.content:after {
    content: '';
    clear: both;
    display: block;
}

.content-left {
    float: left;
}

.content-left,
.content-right {
    width: calc(50% - 60px);
    border: solid 1px #aaa;
    height: 100%;
    overflow-y: auto;
}

.content-right {
    float: right;
    margin-right: 20px;
}

.content-btns button {
    display: block;
    margin: 0 auto;
}

.content-btns .btnMoveLeft {
    margin-top: 10px;
}

.content-btns .btnMoveRight {
    margin-top: 20px;
}

.content-left div,
.content-right div {
    padding: 6px 9px;
    margin: 1px 0;
    transition: .1s padding-left;
}

.content .active {
    background-color: blue;
    color: white;
}

.content-left div:hover,
.content-right div:hover {
    background-color: blueviolet;
    cursor: pointer;
    color: white;
    padding-left: 11px;
}

.btnOK {
    display: block;
    margin: 0 auto;
}

.email-content {
    width: calc(100% - 30px);
    height: calc(35% - 40px);
    border: 1px solid #aaa;
    position: fixed;
    bottom: 10px;
    left: 10px;
    overflow-y: auto;
}